{% extends 'base.html' %}
{% block content %}
    {% load static %}
    <link rel="stylesheet" href="{% static 'store/css/mobi.css' %}">
    <style>
        .errorlist {
            color: red;
        }
    </style>
    <title>Reset Password</title>
    <div class="flex-center">
        <div class="unit-1-2 unit-1-on-mobile">
            <h1><a href="{% url 'index' %}">FP-shopping</a></h1>
            <h3>Reset Password</h3>
            <form class="form" action="{% url 'password_reset' %}" method="post">
                {% csrf_token %}
                {{ form.non_field_errors }}
                {% for field in form %}
                    {{ field.label_tag }}
                    {{ field }}
                    {{ field.errors }}
                    {% if field.help_text %}
                        <p class="help text-small text-muted">{{ field.help_text|safe }}</p>
                    {% endif %}
                {% endfor %}
                <button type="submit" class="btn btn-primary btn-block">Submit</button>
            </form>
        </div>
    </div>
{% endblock %}